<!DOCTYPE html>
<title>Test SVG fragments in -webkit-cross-fade image</title>
<style>
    #tst1 {
        width: 100px;
        height: 100px;
        background-image: -webkit-cross-fade(
            url("../svg/css/resources/fragment-identifiers.svg#green"),
            url("../svg/css/resources/fragment-identifiers.svg#red"), 0);
    }
    #tst2 {
        width: 100px;
        height: 100px;
        background-image: -webkit-cross-fade(
            url("../svg/css/resources/fragment-identifiers.svg#red"),
            url("../svg/css/resources/fragment-identifiers.svg#green"), 1);
    }
</style>
<div id=tst1></div>
<p>There should be one green square above and one green square below.
<div id=tst2></div>
